<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>个人信息</title>
  </head>
  <body>
    <!-- 头部 -->
    <header>
      <span class="iconfont icon-xiangzuo1 head-icon"></span>
      <span class="head-info">个人资料</span>
    </header>

    <!-- 内容 -->
    <main>
      <!-- 头像 -->
      <a
        aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
        class="weui-cell weui-cell_access"
        href="javascript:"
      >
        <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
          <b>更换头像</b>
        </span>
        <span class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link">
          <img src="../imgs/222.jpg" alt="" style="width: 80px; height: 80px; border-radius: 50%" id="imgurl"
          />
          <!-- 图片上传 input -->
          <input type="file" name="" id="fileImg" style="display: none;">
        </span>
      </a>

      <!-- 昵称 -->
      <a
        aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
        class="weui-cell weui-cell_access"
        href="javascript:"
      >
        <div class="weui-cell__hd"><b class="weui-label">昵称</b></div>
        <div class="weui-cell__bd">
          <input
            id="nickname"
            class="weui-input"
            placeholder="用户名"
            style="text-align: right; padding-right: 20px"
          />
        </div>
      </a>

      <!-- 性别 -->
      <a
        aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
        class="weui-cell weui-cell_access"
        href="javascript:" id="sexPicker"
      >
        <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
          <b>性别</b>
        </span>
        <span class="weui-cell__ft" aria-hidden="true" id="sex">
          保密
        </span>
      </a>

      <!-- 生日 -->
      <a
        aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
        class="weui-cell weui-cell_access"
        href="javascript:" id="birthdayPicker"
      >
        <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
          <b>生日</b>
        </span>
        <span class="weui-cell__ft" aria-hidden="true" id="birthday">
          1990-01-01
        </span>
      </a>

      <!-- 省份 -->
      <a
        aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
        class="weui-cell weui-cell_access"
        href="javascript:" id="provincePicker"
      >
        <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
          <b>省份</b>
        </span>
        <span class="weui-cell__ft" aria-hidden="true" id="province">
          请填写
        </span>
      </a>

      <!-- 城市 -->
      <a
        aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
        class="weui-cell weui-cell_access"
        href="javascript:" id="cityPicker"
      >
        <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
          <b>城市</b>
        </span>
        <span class="weui-cell__ft" aria-hidden="true" id="city">
          请填写
        </span>
      </a>

      <!-- 个人简介 -->
      <a
      aria-labelledby="js_cell_tl1_tips js_cell_tl1_link"
      class="weui-cell weui-cell_access"
      href="javascript:"
    >
      <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
        <b>个人简介</b>
    </a>
    <div class="weui-cell__bd text">
        <textarea id="sign" class="weui-textarea" placeholder="介绍一下自己吧" rows="3" cols="5" maxlength="40"></textarea>
        <div role="option" aria-live="polite" class="weui-textarea-counter"><span id="curNum">0</span>/40</div>
    </div>


    <!-- 保存信息 -->
    <button id="btn">保存信息</button>
    </main>
  </body>
</html>
